<ion-header>
  <ion-toolbar mode="ios" color="care">
    <ion-buttons>
      <ion-back-button defaultHref="/"></ion-back-button>
    </ion-buttons>
    <ion-title>{{ 'Patient Login' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content>
    <div class="loginBg">
        <ion-img src="/assets/img/logo.png" style="width: 50vw; margin: 0 auto; margin-bottom: 5vh;"></ion-img>

        <div *ngIf="showPatientLogin">
            <div class="inputBox">
                <img src="/assets/img/iconperson.png" alt="" class="iconStyle">
                <ion-input placeholder="{{ 'Phone' | translate }}" clearInput class="inputStyle" [(ngModel)]="aPhone"></ion-input>
            </div>
            <div class="inputBox" style="margin-top: 40px;">
                <img src="./../../../../assets/img/iconpassword.png" alt="" class="iconStyle">
                <ion-input placeholder="{{ 'Password' | translate }}" clearInput class="inputStyle" type="password" [(ngModel)]="aPassword"></ion-input>
            </div>
            <ion-button color="care" shape="round" expand="block" class="defaultButton" style="margin-top: 60px"
                        (click)="toPatient()">{{ 'Login' | translate }}</ion-button>
        </div>

        <div class="privacyPolicy">
            {{ 'PolicyType' | translate }}
            <span (click)="toPrivacy()" style="text-decoration: underline; color: #009e41;">{{ 'PolicyContent' | translate }}</span>
        </div>

        <!--<div class="privacyPolicy">
          <span *ngIf="sysLang == 'zh-cn'">
           登录/注册即同意<span (click)="toPrivacy()" style="text-decoration: underline;color: #009e41;">信挂号App《用户使用与隐私协议</span>
          </span>
          <span *ngIf="sysLang == 'en-us'">
           Sign in/Sign up means that the user fully accept <span (click)="toPrivacy()" style="text-decoration: underline;color: #009e41;">Privacy Policy of EasyDoc App</span>
          </span>
         </div>
        <div class="passwordZone">
          <ion-label style="color: #343434" (click)="forgetPassword()">{{ 'Forgetpassword' | translate }}？</ion-label>
            <ion-label color="care" style="float: right" (click)="registerNow()">{{ 'Register' | translate }}</ion-label><ion-label style="color:#b2b2b2;float: right">{{ 'Account' | translate }}</ion-label>
        </div>-->

        <div *ngIf="wxInstall">
            <div class="wechatLogin">
                <div class="wechatStyle"></div>
                <div style="color: #b2b2b2; font-size:14px; text-align:center; width: 27vw; float: left">{{ 'Quick Login' | translate }}</div>
                <div class="wechatStyle"></div>
            </div>
            <div style="width: 100%; text-align: center;">
                <img src="/assets/img/wechatlogin.png" style="width:13vw; margin-top: 25px;" (click)="wechatLogin()">
            </div>
        </div>
    </div>
</ion-content>
